function drawImage1(container, data) {

    const { name: names, slogan: slogans } = data.font

    /** 创建中间包裹group */
    const wrap = container.group()
    /** 创建name sloga 包裹group */
    const g1 = container.group()
    wrap.add(g1)
    /** 创建sloga 包裹group */
    const g2 = container.group()
    g1.add(g2)
    /** 创建icon包裹group */
    const g3 = container.group()
    wrap.add(g3)
    /** 创建千变万化 */
    names.forEach(name => {
        const { color, path, ratioObj } = name

        const pth = SVG(path).attr({ transform: `translate(${ratioObj.x1},${-ratioObj.y1})` }).fill(color)
        g1.add(pth)
    })

    /** 创建slogan */
    slogans.forEach(slogan => {
        const { color, path, ratioObj } = slogan

        const pth = SVG(path).attr({ transform: `translate(${ratioObj.x1},${-ratioObj.y1})` }).fill(color)
        g2.add(pth)
    })

    /** 变换slogan的位置 左右居中 */
    g2.attr({ transform: `translate(${(g1.width() - g2.width()) / 2},${g1.height() + 6})` })

    /** 创建icon */
    const icon = SVG(data.icon_normal.source_code).attr({ ...data.icon_normal.position}).fill(data.icon_normal.color)
    icon.children().forEach(child => child.attr({stroke: data.icon_normal.color}))
    /** 变换g1位置与icon保持一定距离 */
    g1.attr({ transform: `translate(${icon.width() + 7}, 0)` })
    g3.add(icon)

    /** icon上下居中 */
    g3.attr({ transform: `translate(0,${(g1.height() - icon.height()) / 2})` })
 
    const wrapBox = wrap.bbox()
    /** 变换整个图形居中 */
    wrap.attr({ transform: `translate(${CONTAINER_WIDTH / 2 - wrap.width() / 2},${CONTAINER_HEIGHT / 2 - wrap.height() / 2})` })

}